#include("./_layout.html")
#@layout()
#define content()
<div class="container list-content">

    #articlePage()
    #for(article : articlePage.list)
    <div class="row bl-list-card">
        <div class="col-8 bl-card-content">
            <h3 class="bl-content-title"><a href="#articleUrl(article)">#(article.title ??)</a></h3>
            <p class="bl-content-info">
                #maxLength(article.content,100)
            </p>
            <div class="bl-label">
                <div class="bl-label-item">
                    <img src="img/zheng.jpg" class="img-fluid rounded-circle bl-img-size">
                    <span class="text-success">#(article.user.nickname ??)</span>
                </div>
                <div class="bl-label-item">#date(article.created)</div>
            </div>
            <div class="bl-tag">
                <div class="bl-tag-item"><i class="fa fa-heart-o" aria-hidden="true"></i> 156</div>
                <div class="bl-tag-item"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> 156</div>
                <div class="bl-tag-item"><i class="fa fa-commenting-o" aria-hidden="true"></i> 2</div>
            </div>
        </div>
        <div class="col-4 bl-card-image"><img src="img/product-example.jpg" class="img-fluid">
        </div>
    </div>
    #end

    <nav aria-label="Page navigation example bl-page" style="margin-top:2rem;">
        #articlePaginate()
        <ul class="pagination justify-content-end">
            #for(page : pages)
            <li class="page-item #(page.style ??)">
                <a class="page-link" href="#(page.url ??)">
                    #(page.text ??)
                </a>
            </li>
            #end
        </ul>
        #end
    </nav>
    #end
</div>
#end